body{ font-family:"微软雅黑", arial; font-size:14px; line-height:150%; margin:0px; padding:0px; background:#ffffff; min-width:1200px;}
img{ border:0px;}
a{ color:#000000; text-decoration:none;}
a:hover{ color:#000000; text-decoration:underline;}
form{ margin:0px; padding:0px;}
input,select,textarea{ margin:0px; padding:3px 5px; font-family:"微软雅黑"; font-size:14px; vertical-align:middle;}

.input_error{ border:1px solid #ff0000; background:#fff7f7; color:#ff0000;}
.msg{ color:#ff0000;}
.remark{ color:#999999;}
.clear{ clear:both;}

/*****Picture*****/
.pic-bigger img{ transition-delay:0s; transition-duration:0.5s; transition-property:all; transition-timing-function:ease;
-moz-transition-delay:0s; -moz-transition-duration:0.5s; -moz-transition-property:all; -moz-transition-timing-function:ease;
-webkit-transition-delay:0s; -webkit-transition-duration:0.5s; -webkit-transition-property:all; -webkit-transition-timing-function:ease;
-o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.pic-bigger:hover img{ transform:scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2); -moz-transform:scale(1.2, 1.2); -webkit-transform:scale(1.2, 1.2); -o-transform:scale(1.2, 1.2);}

.template{ display:none;}
.popup{ width:100%; height:100%; clear:both; position:fixed; top:0px; left:0px; background:rgba(0,0,0,0.4); z-index:1000; display:none;}
.popup .cot{ width:1000px; height:500px; margin:6% auto 0 auto; clear:both; background:#ffffff; position:relative;}
.popup .cot .close{ width:40px; height:40px; line-height:40px; clear:both; position:absolute; top:-45px; right:-21px; text-align:center; font-size:40px; color:#ffffff; font-family:iconfont; cursor:pointer;}
.popup .cot .close:hover{ transform:rotate(180deg); transition:all ease-in 0.5s;}
.loading{ width:30px; height:30px; line-height:30px; margin:25px auto 25px auto; clear:both; text-align:center; font-size:30px; color:#CCCCCC; font-family:iconfont; animation:rotate 1s linear infinite;}
@-webkit-keyframes rotate{
	from{ transform:rotate(0deg);}
	to{ transform: rotate(360deg);}
}

/*****Head*****/
.head{ width:100%; height:125px; clear:both; position:absolute; top:0px; left:0px; z-index:1000; background:#ffffff; -webkit-box-shadow:0 0 30px rgba(0,0,0,0.4); -moz-box-shadow:0 0 30px rgba(0,0,0,0.4); box-shadow:0 0 30px rgba(0,0,0,0.4);}
.head .cot{ width:1200px; height:125px; margin:0 auto; padding-top:0px; clear:both; position:relative;}
.head .cot .logo{ width:540px; height:51px; padding-top:19px; float:left; font-size:0px; line-height:0px;}
.head .cot .other{ width:auto; height:auto; padding-top:24px; float:right;}
.head .cot .other .tel{ width:auto; height:25px; margin-top:3px; padding-right:30px; float:left;}
.head .cot .other .tel .icon{ width:25px; height:25px; margin-right:8px; float:left; background:url(../image/tel.png) center no-repeat; font-size:0; line-height:0;}
.head .cot .other .tel .txt{ width:auto; height:25px; line-height:25px; float:left; font-size:20px; color:#ff8c00;}
.head .cot .other .search{ width:auto; height:30px; float:left;}
.head .cot .other .search .txt{ width:auto; height:30px; line-height:30px; padding-right:5px; float:left; font-size:14px; color:#333333;}
.head .cot .other .search .input{ width:180px; height:28px; float:left; background:#f6f6f6; border:1px solid #e4e4e4; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;}
.head .cot .other .search .input input{ float:left; width:130px; height:20px; padding:4px 0px 0px 10px; background:none; border:0px; font-size:14px; color:#666666; box-shadow:none; outline-color:invert; outline-style:none; outline-width:0px; border:none; border-style:none; text-shadow:none; -webkit-appearance:none; -webkit-user-select:text; outline-color:transparent;}
.head .cot .other .search .input .but{ float:right; width:30px; height:28px; background:url(../image/search.png) left center no-repeat; font-size:0; line-height:0; cursor:pointer;}
.head .cot .other .search .input .but a{ display:block; width:30px; height:28px;}
.head .cot .nav{ width:auto; height:35px; clear:both; position:absolute; bottom:0px; right:0px;}
.head .cot .nav .li{ width:auto; height:35px; margin-left:35px; float:left; font-size:16px; color:#666666; position:relative;}
.head .cot .nav .li a{ display:inline-table; width:auto; height:35px; color:#666666; text-decoration:none;}
.head .cot .nav .li a:hover{ color:#1e4394;}
.head .cot .nav .li-on{ background:url(../image/arrow_up.png) center bottom no-repeat; color:#1e4394;}
.head .cot .nav .li-on a{ color:#1e4394;}
.head .cot .nav .li .nav-sub{ width:auto; min-width:475px; height:auto; padding-top:30px; clear:both; position:absolute; top:35px; left:0px; z-index:100; overflow:hidden; display:none;}
.head .cot .nav .li .nav-sub .pic{ width:205px; height:120px; float:left; font-size:0px; line-height:0px;}
.head .cot .nav .li .nav-sub .txt{ width:auto; min-width:300px; height:auto; float:left;}
.head .cot .nav .li .nav-sub .txt .ttit{ width:auto; min-width:300px; height:auto; clear:both; font-size:22px; color:#ffffff;}
.head .cot .nav .li .nav-sub .txt .ttit span{ padding-left:15px; font-size:18px; text-transform:capitalize;}
.head .cot .nav .li .nav-sub .txt .tcot{ width:100%; height:auto; padding-top:15px; clear:both;}
.head .cot .nav .li .nav-sub .txt .tcot .nav-list{ width:100px; height:auto; padding-right:20px; float:left;}
.head .cot .nav .li .nav-sub .txt .tcot .nav-list .nli{ width:100px; height:auto; clear:both; font-size:14px; color:#ffffff;}
.head .cot .nav .li .nav-sub .txt .tcot .nav-list .nli a{ display:block; width:100px; height:auto; padding:5px 0px; color:#ffffff;}
.head .cot .nav .li .nav-sub .txt .tcot .nav-list .nli a:hover{ background:#38559c;}
.head .cot .nav .li .nav-sub .txt .tcot .nav-list-p{ width:150px;}
.head .cot .nav .li .nav-sub .txt .tcot .nav-list-p .nli{ width:150px;}
.head .cot .nav .li .nav-sub .txt .tcot .nav-list-p .nli a{ width:150px;}
.head .cot .nav .li .nav-sub .txt .tcot .nav-txt{ width:299px; height:auto; padding-left:20px; float:left; border-left:1px solid #7a8ebd; text-align:justify; font-size:13px; color:#ced3e2; line-height:160%;}
.head-clear{ width:auto; height:125px; clear:both;}
.nav_bg{ width:100%; height:320px; clear:both; position:absolute; top:125px; left:0px; background:#1e4394; display:none; opacity:0.8;}

.banner{ width:100%; height:500px; clear:both; position:relative; overflow:hidden;}
.banner .cot{ width:1920px; height:500px; clear:both; position:absolute; top:0px; left:50%; margin-left:-960px;}
.banner .cot .li{ width:1920px; height:500px; clear:both; font-size:0px; line-height:0px;}
.banner-sub{ height:320px;}
.banner-sub .cot{ height:320px;}
.banner-sub .cot .li{ height:320px;}

.wrap{ width:1200px; height:auto; margin:0 auto; clear:both; position:relative;}

/*****Foot*****/
.foot{ width:100%; height:auto; margin:0 auto; clear:both;}
.foot .nav-link{ width:1200px; height:auto; margin:0 auto; padding:80px 0px 0px 0px; clear:both; overflow:hidden;}
.foot .nav{ width:auto; height:auto; float:left;}
.foot .nav .li{ width:auto; height:auto; padding-right:38px; float:left;}
.foot .nav .li .lt{ width:auto; height:auto; clear:both; font-size:16px; color:#333333; font-weight:bold;}
.foot .nav .li .lt a{ color:#333333;}
.foot .nav .li .lc{ width:auto; height:auto; padding-top:10px; clear:both;}
.foot .nav .li .lc .l-li{ width:auto; height:auto; padding:2px 0px; clear:both; font-size:14px; color:#666666;}
.foot .nav .li .lc .l-li a{ color:#666666;}
.foot .link{ width:auto; height:auto; float:right;}
.foot .link .select{ width:auto; max-width:180px; height:auto; padding:8px 5px; background:#f6f6f6; border:1px solid #e4e4e4; font-size:16px; color:#222222; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.foot .copyright{ width:100%; height:auto; margin-top:40px; clear:both; background:#f1f1f1; border-top:1px solid #dddddd;}
.foot .copyright .cot{ width:1200px; height:auto; margin:0px auto; padding:20px 0px 30px 0px; clear:both; text-align:center; font-size:12px; color:#888888; line-height:170%;}
.foot .copyright .cot img{ vertical-align:middle;}
.foot .copyright .cot a{ color:#888888;}

/*****Main*****/
.product{ width:100%; height:465px; padding-top:60px; clear:both; background:url(../image/bg1.png) top repeat-x; position:relative;}
.product .menu{ width:1200px; height:60px; clear:both; position:absolute; left:50%; top:0; margin-left:-600px; background:url(../image/product_bg.png) center no-repeat;}
.product .menu .tit{ width:280px; height:auto; padding-left:20px; float:left;}
.product .menu .tit .tit-cn{ width:auto; height:60px; line-height:60px; float:left; border-bottom:3px solid #1e4394; font-size:30px; color:#ffffff; font-weight:bold;}
.product .menu .tit .tit-en{ width:auto; height:auto; padding:27px 0px 0px 20px; float:left; font-size:18px; color:#ffffff; text-transform:capitalize;}
.product .menu .msub{ width:900px; height:auto; float:left;}
.product .menu .li{ width:auto; height:60px; line-height:60px; float:left; font-size:18px;}
.product .menu .li a{ display:block; width:auto; height:60px; padding:0px 22px; color:#ffffff; position:relative; text-decoration:none;}
.product .menu .li a .arrow{ width:15px; height:8px; clear:both; position:absolute; bottom:-8px; left:50%; margin-left:-7px; background:url(../image/arrow_down2.png) center no-repeat; font-size:0px; line-height:0px; display:none;}
.product .menu .li-on{ background:#1e4394;}
.product .menu .li-on a .arrow{ display:block;}
.product .cot{ width:1200px; height:auto; margin:0 auto; padding-top:40px; clear:both;}
.product .cot .li{ width:1200px; height:auto; clear:both;}
.product .cot .pic{ width:598px; height:398px; float:left; background:#ffffff; border:1px solid #738ccb; font-size:0px; line-height:0px; overflow:hidden;}
.product .cot .pic img{ width:598px; height:auto; min-height:398px;}
.product .cot .pic-shadow{ width:20px; height:400px; float:left; background:url(../image/product_shadow.png) left bottom no-repeat; font-size:0px; line-height:0px;}
.product .cot .info{ width:560px; height:auto; float:right; position:relative;}
.product .cot .info .more{ width:auto; height:auto; clear:both; position:absolute; top:0px; right:0px; font-size:14px; color:#999999;}
.product .cot .info .more a{ color:#999999;}
.product .cot .info .more a:hover{ color:#333333; text-decoration:underline;}
.product .cot .info .more span{ }
.product .cot .info .tit{ width:100%; height:auto; padding-top:2px; clear:both; font-size:26px; color:#1e4394;}
.product .cot .info .tit-en{ width:100%; height:auto; padding-top:12px; clear:both; font-size:16px; color:#000000; text-transform:capitalize;}
.product .cot .info .introduce{ width:100%; height:auto; padding-top:15px; clear:both; text-align:justify; font-size:14px; color:#333333; line-height:170%;}
.product .cot .info .p-pics{ width:100%; height:auto; padding-top:50px; clear:both;}
.product .cot .info .p-pics .pli{ width:150px; height:auto; padding-right:15px; float:left;}
.product .cot .info .p-pics .pli a{ display:block; width:100%; height:100%; text-decoration:none;}
.product .cot .info .p-pics .pli .lpic{ width:150px; height:120px; clear:both; font-size:0px; line-height:0px; overflow:hidden; background:#eeeeee;}
.product .cot .info .p-pics .pli .lpic img{ width:150px; height:auto; min-height:120px;}
.product .cot .info .p-pics .pli .ltxt{ width:150px; height:auto; padding-top:5px; clear:both; text-align:center; font-size:14px; color:#666666;}
.product .cot .info .p-pics .pli a:hover .ltxt{ color:#1e4394;}

.about{ width:100%; height:490px; padding-top:40px; clear:both; background:url(../image/bg2.png) top repeat-x;}
.about .tit{ width:1200px; height:auto; margin:0 auto; clear:both;}
.about .tit .tit-cn{ width:auto; height:38px; float:left; border-bottom:3px solid #1e4394; font-size:30px; color:#1e4394; font-weight:bold;}
.about .tit .tit-en{ width:auto; height:auto; padding:9px 0px 0px 20px; float:left; font-size:18px; color:#000000; text-transform:capitalize;}
.about .cot{ width:1200px; height:auto; margin:0 auto; padding-top:30px; clear:both;}
.about .cot .txt{ width:365px; height:auto; float:left;}
.about .cot .txt .tcot{ width:100%; height:auto; clear:both; text-align:justify; font-size:15px; color:#000000; line-height:170%;}
.about .cot .txt .tbut{ width:160px; height:40px; line-height:40px; margin-top:25px; clear:both; background:#1e4394; font-size:14px; color:#ffffff;}
.about .cot .txt .tbut:hover{ background:#2c89c7;}
.about .cot .txt .tbut a{ display:block; width:140px; height:40px; padding-left:20px; color:#ffffff; text-decoration:none;}
.about .cot .txt .tbut a span{ padding-left:5px;}
.about .cot .pic{ width:790px; height:350px; float:right; font-size:0px; line-height:0px; overflow:hidden;}

.achievement{ width:100%; height:400px; padding-top:0px; clear:both; background:url(../image/achievement_bg.jpg) top center no-repeat;}
.achievement .tit{ width:1200px; height:38px; margin:0 auto; padding-top:40px; clear:both; border-bottom:2px solid #e1d7e7;}
.achievement .tit .tit-cn{ width:auto; height:38px; float:left; font-size:30px; color:#1e4394; font-weight:bold; position:relative;}
.achievement .tit .tit-cn .line{ width:100%; height:3px; clear:both; position:absolute; left:0px; bottom:-3px; background:#1e4394; font-size:0px; line-height:0px;}
.achievement .tit .tit-en{ width:auto; height:auto; padding:9px 0px 0px 20px; float:left; font-size:18px; color:#000000; text-transform:capitalize;}
.achievement .tit .more{ width:auto; height:auto; padding-top:9px; float:right; font-size:14px; color:#999999;}
.achievement .tit .more a{ color:#999999;}
.achievement .tit .more a:hover{ color:#333333; text-decoration:underline;}
.achievement .tit .more span{ }
.achievement .cot{ width:1200px; height:auto; margin:40px auto 0 auto; padding-top:0px; clear:both; position:relative;}
.achievement .cot .arrow-left{ width:19px; height:36px; clear:both; position:absolute; top:50px; left:-50px; background:url(../image/achievement_arrow_left.png) 0 0 no-repeat; font-size:0px; line-height:0px; cursor:pointer;}
.achievement .cot .arrow-left:hover{ background-position:0px -36px;}
.achievement .cot .arrow-right{ width:19px; height:36px; clear:both; position:absolute; top:50px; right:-50px; background:url(../image/achievement_arrow_right.png) 0 0 no-repeat; font-size:0px; line-height:0px; cursor:pointer;}
.achievement .cot .arrow-right:hover{ background-position:0px -36px;}
.achievement .cot .li{ width:228px; height:auto; padding-right:15px; float:left;}
.achievement .cot .li a{ display:block; width:100%; height:100%; text-decoration:none;}
.achievement .cot .li .pic{ width:228px; height:155px; clear:both; font-size:0px; line-height:0px; overflow:hidden;}
.achievement .cot .li .pic img{ width:228px; height:auto; min-height:155px;}
.achievement .cot .li .txt{ width:208px; height:80px; padding:14px 10px 0px 10px; clear:both; background:url(../image/achievement_txt_bg.png) top center repeat-x; text-align:center; font-size:16px; color:#ffffff; line-height:150%; font-weight:bold;}

.capability{ width:100%; height:500px; margin-top:30px; padding-top:0px; clear:both; background:url(../image/capability_bg.jpg) top center no-repeat;}
.capability .tit{ width:1200px; height:38px; margin:0 auto; padding-top:40px; clear:both; border-bottom:2px solid #e1d7e7;}
.capability .tit .tit-cn{ width:auto; height:38px; float:left; font-size:30px; color:#1e4394; font-weight:bold; position:relative;}
.capability .tit .tit-cn .line{ width:100%; height:3px; clear:both; position:absolute; left:0px; bottom:-3px; background:#1e4394; font-size:0px; line-height:0px;}
.capability .tit .tit-en{ width:auto; height:auto; padding:9px 0px 0px 20px; float:left; font-size:18px; color:#000000; text-transform:capitalize;}
.capability .tit .more{ width:auto; height:auto; padding-top:9px; float:right; font-size:14px; color:#999999;}
.capability .tit .more a{ color:#999999;}
.capability .tit .more a:hover{ color:#333333; text-decoration:underline;}
.capability .tit .more span{ }
.capability .cot{ width:1200px; height:auto; margin:40px auto 0 auto; padding-top:0px; clear:both; position:relative;}
.capability .cot .li{ width:380px; height:350px; margin-left:30px; float:left; position:relative; overflow:hidden;}
.capability .cot .li-first{ margin-left:0px;}
.capability .cot .li .txt-bg{ width:380px; height:80px; clear:both; position:absolute; top:270px; left:0px; z-index:1; background:#214291;}
.capability .cot .li .txt{ width:380px; height:auto; clear:both; position:absolute; top:270px; left:0px; z-index:2;}
.capability .cot .li .txt .text{ width:auto; height:auto; clear:both; position:absolute; top:12px; left:20px; font-size:24px; color:#ffffff;}
.capability .cot .li .txt .text .txt-en{ display:block; padding-bottom:7px; font-size:20px; font-weight:lighter; text-transform:capitalize;}
.capability .cot .li .txt .line{ width:150px; height:1px; clear:both; position:absolute; top:53px; left:160px; background:#ffffff; font-size:0px; line-height:0px;}
.capability .cot .li .txt .icon{ width:40px; height:40px; clear:both; position:absolute; top:30px; right:15px; font-size:0px; line-height:0px;}
.capability .cot .li .explain{ width:380px; height:auto; clear:both; position:absolute; top:350px; left:0px; z-index:2;}
.capability .cot .li .explain .e-cot{ width:340px; height:auto; margin:0 auto; clear:both; font-size:14px; color:#ffffff; line-height:160%;}
.capability .cot .li .explain .e-details{ width:120px; height:35px; line-height:35px; margin:20px 0px 0px 20px; clear:both; background:#ff8c00; text-align:center; font-size:14px; color:#ffffff;}
.capability .cot .li .explain .e-details a{ display:block; width:120px; height:35px; color:#ffffff; text-decoration:none;}
.capability .cot .li .explain .e-details:hover{ background:#db7800;}

.capability .cot .li:hover .txt-bg{ height:350px; top:0px; opacity:0.8; transition:all ease-in 0.3s;}
.capability .cot .li:hover .txt{ top:10px; transition:all ease-in 0.3s;}
.capability .cot .li:hover .explain{ top:100px; transition:all ease-in 0.3s;}

.news{ width:100%; height:auto; padding-top:0px; clear:both;}
.news .tit{ width:1200px; height:auto; margin:0 auto; padding-top:40px; clear:both;}
.news .tit .tit-cn{ width:auto; height:38px; float:left; border-bottom:3px solid #1e4394; font-size:30px; color:#1e4394; font-weight:bold;}
.news .tit .tit-en{ width:auto; height:auto; padding:9px 0px 0px 15px; float:left; font-size:18px; color:#000000; text-transform:capitalize;}
.news .tit .more{ width:auto; height:auto; padding-top:9px; float:right; font-size:14px; color:#999999;}
.news .tit .more a{ color:#999999;}
.news .tit .more a:hover{ color:#333333; text-decoration:underline;}
.news .tit .more span{ }
.news .cot{ width:1200px; height:auto; margin:0 auto; padding-top:30px; clear:both;}
.news .cot .pic{ width:600px; height:340px; float:left; position:relative;}
.news .cot .pic .li{ width:600px; height:340px; clear:both; font-size:0px; line-height:0px; position:relative; overflow:hidden;}
.news .cot .pic .li img{ width:600px; height:auto; min-height:340px;}
.news .cot .pic .li .txt-bg{ width:600px; height:45px; clear:both; position:absolute; left:0px; bottom:0px; z-index:1; background:#000000; opacity:0.5;}
.news .cot .pic .li .txt{ width:600px; height:45px; clear:both; position:absolute; left:0px; bottom:0px; z-index:2;}
.news .cot .pic .li .txt .ptxt{ width:450px; height:45px; line-height:45px; padding-left:15px; font-size:16px; color:#ffffff;}
.news .cot .pic .li .txt .ptxt a{ color:#ffffff;}
.news .cot .pic .li .txt .ptxt a:hover{ text-decoration:underline;}
.news .cot .pic .menu{ width:auto; height:auto; clear:both; position:absolute; bottom:16px; right:5px; z-index:10;}
.news .cot .pic .menu .nli{ width:12px; height:12px; margin-right:8px; float:left; background:#ffffff; font-size:0px; line-height: border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; cursor:pointer;}
.news .cot .pic .menu .nli-on{ width:30px; background:#1e4394;}
.news .cot .info{ width:565px; height:auto; min-height:350px; float:right;}
.news .cot .info .menu{ width:565px; height:41px; clear:both;}
.news .cot .info .menu .mli{ width:auto; height:35px; line-height:35px; float:left; font-size:16px; color:#666666;}
.news .cot .info .menu .mli a{ display:block; width:auto; height:35px; padding:0px 20px; color:#666666; position:relative;}
.news .cot .info .menu .mli a .arrow{ width:11px; height:6px; clear:both; position:absolute; bottom:-6px; left:50%; margin-left:-5px; background:url(../image/arrow_down.png) center no-repeat; font-size:0px; line-height:0px; display:none;}
.news .cot .info .menu .mli-on{ background:#1e4394; color:#ffffff;}
.news .cot .info .menu .mli-on a{ color:#ffffff; text-decoration:none;}
.news .cot .info .menu .mli-on a .arrow{ display:block;}
.news .cot .info .hot{ width:565px; height:auto; padding-top:25px; clear:both; overflow:hidden;}
.news .cot .info .hot .time{ width:72px; height:auto; float:left; background:url(../image/news_slash.png) top right no-repeat; font-size:22px; color:#1e4394; font-weight:bold;}
.news .cot .info .hot .txt{ width:490px; height:auto; float:right;}
.news .cot .info .hot .txt .ttit{ width:100%; height:auto; clear:both; font-size:20px; color:#333333;}
.news .cot .info .hot .txt .ttit a{ color:#333333;}
.news .cot .info .hot .txt .ttit a:hover{ color:#1e4394;}
.news .cot .info .hot .txt .tcot{ width:100%; height:auto; padding-top:10px; clear:both; text-align:justify; font-size:14px; color:#999999; line-height:150%;}
.news .cot .info .list{ width:565px; height:auto; padding-top:15px; clear:both;}
.news .cot .info .list .li{ width:100%; height:auto; padding:4px 0px; clear:both; overflow:hidden;}
.news .cot .info .list .li .icon{ width:15px; height:6px; margin-top:8px; float:left; background:url(../image/news_arrow.png) left center no-repeat; font-size:0px; line-height:0px;}
.news .cot .info .list .li .txt{ width:450px; height:auto; float:left; font-size:14px; color:#333333;}
.news .cot .info .list .li .txt a{ color:#333333;}
.news .cot .info .list .li .txt a:hover{ color:#1e4394; text-decoration:underline;}
.news .cot .info .list .li .time{ width:auto; height:auto; float:right; font-size:14px; color:#333333;}

.pic_link{ width:1200px; height:auto; margin:0 auto; padding-top:70px; clear:both; overflow:hidden;}
.pic_link .li{ width:224px; height:auto; padding-left:20px; float:left;}
.pic_link .li-first{ padding-left:0px;}
.pic_link .li a{ display:block; width:100%; height:100%; text-decoration:none;}
.pic_link .li .pic{ width:224px; height:100px; clear:both; overflow:hidden; font-size:0px; line-height:0px;}
.pic_link .li .txt{ width:224px; height:auto; padding-top:5px; clear:both; font-size:14px; color:#000000;}
.pic_link .li a:hover .txt{ color:#1e4394;}

/*****Sub*****/
.sub{ width:1200px; height:auto; margin:40px auto 0 auto; padding-top:0px; clear:both; overflow:hidden; position:relative;}
.sub .menu{ width:272px; height:auto; clear:both; position:absolute; top:0px; left:0px;}
.sub .menu .mtit{ width:210px; height:50px; clear:both; font-size:26px; color:#1e4296; font-weight:bold; line-height:26px;}
.sub .menu .mcot{ width:272px; height:auto; clear:both;}
.sub .menu .mcot .li{ width:210px; height:auto; clear:both; border-bottom:1px solid #dddddd;}
.sub .menu .mcot .li a{ display:block; width:185px; height:auto; line-height:150%; padding:10px 0px 10px 25px; font-size:16px; color:#333333; text-decoration:none; background:url(../image/li_bg.png) left center no-repeat;}
.sub .menu .mcot .li a:hover{ color:#1e4296;}
.sub .menu .mcot .li-on{ width:272px; height:auto; padding:0px 0px 5px 0px; background:url(../image/nav_on.png) left bottom no-repeat; border-bottom:0px;}
.sub .menu .mcot .li-on a{ color:#ffffff; background:none;}
.sub .menu .mcot .li-on a:hover{ color:#ffffff;}
.sub .menu .mcot .tli{ width:210px; height:44px; line-height:44px; clear:both; border-bottom:1px solid #dddddd; font-size:16px; color:#333333;}
.sub .menu .mcot .tli a{ width:210px; padding-left:0px; background:none; font-weight:bold;}
.sub .menu .mcot .tli-on{ width:272px; height:50px; background:url(../image/nav_on.png) left bottom no-repeat; border-bottom:0px;}
.sub .menu .mcot .tli-on a{ color:#ffffff; padding-left:25px; background:none;}
.sub .menu .mcot .tli-on a:hover{ color:#ffffff;}

.sub .content-shadow{ width:980px; height:auto; float:right;}
.sub .sub-shadow{ width:20px; height:416px; float:left; background:url(../image/sub_shadow.png) top right no-repeat; font-size:0px; line-height:0px;}
.sub .content{ width:958px; height:auto; min-height:500px; padding-bottom:50px; float:right; border:1px solid #738ccb; background:url(../image/logo_bg.png) top left no-repeat;}
.sub .content .tit{ width:870px; height:38px; margin:30px 0px 0px 68px; clear:both; border-bottom:1px solid #d6d6d6;}
.sub .content .tit-n{ margin:15px 0px 0px 68px; border-bottom:0px;}
.sub .content .tit .tit-cn{ width:auto; height:38px; float:left; font-size:26px; color:#1e4394; font-weight:bold; position:relative;}
.sub .content .tit .tit-cn .line{ width:100%; height:3px; clear:both; position:absolute; left:0px; bottom:-3px; background:#1e4394; font-size:0px; line-height:0px;}
.sub .content .tit .tit-en{ width:auto; height:auto; padding:7px 0px 0px 15px; float:left; font-size:18px; color:#000000; text-transform:capitalize;}
.sub .content .tit .more{ width:auto; height:16px; padding-top:9px; float:right; font-size:14px; color:#999999;}
.sub .content .tit .more .icon{ width:18px; height:16px; float:left; background:url(../image/home.png) center no-repeat; font-size:0px; line-height:0px;}
.sub .content .tit .more .txt{ width:auto; height:16px; line-height:16px; padding-left:8px; float:left; font-size:14px; color:#666666;}
.sub .content .tit .more .txt a{ color:#666666;}
.sub .content .tit .more .txt a:hover{ color:#333333; text-decoration:underline;}
.sub .content .tit .more .txt span{ padding:0px 5px;}
.sub .content .cot{ width:830px; height:auto; padding:25px 0px 0px 68px; clear:both; font-size:16px; color:#333333; line-height:170%; overflow:hidden;}
.sub .content .cot-maintenance{ width:800px; height:auto; margin:0 auto; clear:both; position:relative;}
.sub .content .cot-maintenance .li{ width:150px; height:120px; clear:both; position:absolute; top:0px; left:0px; font-size:0px; line-height:0px;}
.sub .content .cot-maintenance .li a{ display:block; width:150px; height:120px;}
.sub .content .cot-maintenance .li-db{ top:156px; left:526px;}
.sub .content .cot-maintenance .li-hb{ top:208px; left:331px;}
.sub .content .cot-maintenance .li-xb{ top:300px; left:221px;}
.sub .content .cot-maintenance .li-hz{ top:326px; left:402px;}
.sub .content .cot-maintenance .li-hd{ top:351px; left:548px;}
.sub .content .cot-maintenance .li-xn{ top:425px; left:280px;}
.sub .content .cot-maintenance .li-hn{ top:474px; left:432px;}

.sub-big .content-shadow{ width:1200px;}
.sub-big .sub-shadow{ display:none;}
.sub-big .content{ width:1198px;}
.sub-big .content .tit{ width:1060px;}
.sub-big .content .cot{ width:1060px;}

/*****News*****/
.sub .s-news{ width:870px; height:auto; margin:0 auto; clear:both;}
.sub .s-news .li{ width:820px; height:auto; clear:both; border-top:1px solid #eeeeee; overflow:hidden;}
.sub .s-news .li:hover{ background:#ffffff; -webkit-box-shadow:0 0px 15px rgba(0,0,0,0.1); -moz-box-shadow:0 0px 15px rgba(0,0,0,0.1); box-shadow:0 0px 15px rgba(0,0,0,0.1);}
.sub .s-news .li a{ display:block; width:100%; height:100%; padding:30px 0; overflow:hidden; text-decoration:none;}
.sub .s-news .li-first{ border-top:0px;}
.sub .s-news .li .pic{ width:200px; height:auto; max-height:180px; float:left; overflow:hidden; font-size:0px; line-height:0px;}
.sub .s-news .li .pic img{ width:100%;}
.sub .s-news .li .txt{ width:580px; height:auto; padding-right:15px; float:right;}
.sub .s-news .li .txt .title{ width:100%; height:auto; clear:both; text-align:justify; font-size:18px; color:#1e4296;}
.sub .s-news .li .txt .time{ width:100%; height:auto; padding-top:10px; clear:both; font-size:12px; color:#cccccc;}
.sub .s-news .li .txt .time span{ padding-right:20px;}
.sub .s-news .li .txt .abstract{ width:100%; height:auto; padding-top:15px; clear:both; text-align:justify; font-size:14px; color:#888888; line-height:150%;}
.sub .s-news .li-big:hover{ background:none; -webkit-box-shadow:0 0 0; -moz-box-shadow:0 0 0; box-shadow:0 0 0;}
.sub .s-news .li-big a{ padding:10px 0;}
.sub .s-news .li-big a:hover .title{ color:#ff8c00;}
.sub .s-news .li-big .txt{ width:100%; padding:0;}
.sub .s-news .li-big .txt .time{ padding-top:0px;}

.sub .s-details{ width:830px; height:auto; padding:0px 0 0 0; clear:both; overflow:hidden;}
.sub .s-details .n-tit{ width:100%; height:auto; clear:both; text-align:center; font-size:24px; color:#1e4296;}
.sub .s-details .n-time{ width:100%; height:auto; padding-top:15px; clear:both; text-align:center; font-size:14px; color:#999999;}
.sub .s-details .n-time span{ padding:0 8px;}
.sub .s-details .n-cot{ width:100%; height:auto; padding-top:20px; clear:both; text-align:justify; font-size:16px; color:#000000; line-height:170%; overflow:hidden;}
.sub .s-details .n-share{ width:auto; height:50px; padding-top:20px; clear:both; float:right;}
.sub .s-details .n-more{ width:100%; height:auto; margin:20px auto 0 auto; padding-top:20px; clear:both; border-top:1px solid #efefef;}
.sub .s-details .n-more .li{ width:100%; height:auto; padding:5px 0; clear:both; font-size:14px; color:#666666;}
.sub .s-details .n-more .li a{ color:#666666;}

/*****Pics*****/
.sub .s-interval{ width:100%; height:auto; margin:50px auto 0 auto; padding-top:20px; clear:both; border-top:3px solid #eeeeee;}
.sub .s-pic{ width:100%; height:auto; clear:both; position:relative;}
.sub .s-pic .s-tit{ width:auto; height:30px; line-height:30px; clear:both; position:absolute; top:-37px; left:0px; background:#ffffff; font-size:16px; font-weight:bold;}
.sub .s-pic .li{ width:220px; height:auto; margin:15px 0; padding:0px 40px 0px 0px; float:left;}
.sub .s-pic .li a{ display:block; width:100%; height:100%; text-decoration:none;}
.sub .s-pic .li .pic{ width:220px; height:160px; clear:both; font-size:0px; line-height:0px; overflow:hidden;}
.sub .s-pic .li .pic img{ width:220px; height:auto; min-height:160px;}
.sub .s-pic .li .txt{ width:220px; height:auto; padding-top:5px; clear:both; text-align:center;}
.sub .s-pic .li a:hover .txt{ color:#1e4296;}

.sub .s-prduct{ width:100%; height:auto; margin:0 auto 20px auto; clear:both;}
.sub .s-prduct .pic{ width:100%; height:auto; padding:10px 0px; clear:both; text-align:center;}




/*****Search*****/
.sub-search{ width:870px; height:55px; margin:0 auto; clear:both; background:#f3f3f3;}
.sub-search input{ width:700px; height:55px; line-height:50px; margin:0px; padding:0px 20px; float:left; font-size:18px; color:#333333; border:0px; background:none; box-shadow:none; outline-color:invert; outline-style:none; outline-width:0px; border:none; border-style:none; text-shadow:none; -webkit-appearance:none; -webkit-user-select:text; outline-color:transparent;}
.sub-search .but{ width:120px; height:55px; float:right; background:url(../image/search.png) center no-repeat #cccccc; font-size:0px; line-height:0px;}
.sub-search .but a{ display:block; width:100%; height:100%;}






/*****Feedback*****/
.feedback{ width:870px; height:auto; margin:0 auto; padding:20px 0 20px 0; clear:both;}
.feedback .f-exp{ width:100%; height:auto; margin:0 auto; clear:both; font-size:14px; color:#666666;}
.feedback .f-cot{ width:100%; height:auto; margin:0 auto; padding-top:20px; clear:both; font-size:16px; color:#333333; line-height:170%; overflow:hidden;}

/*****Form*****/
.form .li{ width:100%; height:auto; padding-bottom:15px; clear:both;}
.form .li .ftit{ width:100%; height:auto; padding-bottom:5px; clear:both; font-size:14px;}
.form .li .ftit span{ color:#FF0000;}
.form .li .input{ width:80%; height:auto; padding:6px; clear:both; background:#fcfcfc; border:1px solid #e7e7e7; font-size:16px;}
.form .li .short{ width:350px;}
.form .li .input textarea{ width:100%; height:150px; padding:0px; border:0px; background:none; font-size:14px; border:0px; background:none; box-shadow:none; outline-color:invert; outline-style:none; outline-width:0px; border:none; border-style:none; text-shadow:none; -webkit-appearance:none; -webkit-user-select:text; outline-color:transparent;}
.form .li .input input{ width:100%; height:24px; line-height:24px; border:0px; background:none; font-size:14px; border:0px; background:none; box-shadow:none; outline-color:invert; outline-style:none; outline-width:0px; border:none; border-style:none; text-shadow:none; -webkit-appearance:none; -webkit-user-select:text; outline-color:transparent;}
.form .li .input select{ width:100%; height:30px; line-height:24px; border:0px; background:none; font-size:14px; border:0px; background:none; box-shadow:none; outline-color:invert; outline-style:none; outline-width:0px; border:none; border-style:none; text-shadow:none; outline-color:transparent;}
.form .li .input select.small{ width:120px; margin-right:10px;}
.form .li .upload{ width:100%; height:auto; clear:both; overflow:hidden;}
.form .li .upload .pli{ width:80px; height:80px; line-height:80px; margin-right:20px; float:left; border:1px solid #dddddd; text-align:center; font-size:60px; color:#eeeeee; font-family:iconfont; cursor:pointer; overflow:hidden; position:relative;}
.form .li .upload .pli:hover{ color:#cccccc;}
.form .li .upload .pli img{ width:80px; height:80px;}
.form .but{ width:120px; height:40px; line-height:40px; margin-top:15px; padding:0 20px; float:left; background:#1e4394; text-align:center; font-size:18px; color:#ffffff; cursor:pointer;}
.form .but:hover{ background:#f88400; transition:all ease-in 0.3s;}

/*****Page*****/
.page{ width:100%; height:auto; margin:0px; padding-top:50px; clear:both; font-size:14px; text-align:center;}
.page a{ display:inline-table; padding:5px 12px; margin:0 1px; background:#888888; text-align:center; color:#ffffff; text-decoration:none;}
.page a:hover{ background:#1e4394;}
.page a.on{ background:#1e4394; color:#ffffff;}
.page span{ display:inline-table; padding:5px 2px;}


ul,li{ margin:0px; padding:0px; list-style-type:none;}


/*信息提示*/
.message{ width:auto; height:auto; padding:180px 0px 250px 0px; clear:both;}
.message .icon{ width:40px; height:40px; margin:0 auto; clear:both; font-size:0px;}
.message .text{ width:auto; height:auto; padding-top:15px; clear:both; text-align:center; font-size:20px;}
.message .text span{ display:block; padding-top:8px; font-size:14px; color:#999999; line-height:125%;}
.message .text span a{ color:#999999;}